<template>
    <div>
        <AppItem></AppItem>
        <AppItem :title="title"></AppItem>
    </div>
</template>

<script setup>
import { ref } from 'vue';
// 子组件导入即可，不用再通过components注册子组件了
import AppItem from './components/AppItem.vue';

let title = ref('this is a title test');
</script>

<!-- <script>
import {ref} from 'vue';

import AppItem from './components/AppItem.vue';

export default {
    components: { AppItem },
    setup() {
        let title = ref('this is a title test');
        return {
            title,
        }
    }
}
</script> -->